﻿<!DOCTYPE html>
<html lang="en" >
<head>
<meta charset="UTF-8">
<title>css3 3D立体杯子旋转动画特效</title>

<link rel="stylesheet" href="css/style.css">

</head>
<body>

<div class="wrapperDiv">
  <div class="shadowDiv"><div></div></div>
  <div class="innerWrapper">
    <div class="divBtn" onClick="clickFunc(event);"></div>
    <div class="coffee"><div class="coffeeFoam"></div></div>
    <div class="cupDiv">
      <div class="fillCup"></div>
    </div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
  </div>
</div>

<div class="wrapperDiv">
  <div class="shadowDiv"><div></div></div>
  <div class="innerWrapper">
    <div class="divBtn" onClick="clickFunc(event);"></div>
    <div class="coffee"><div class="coffeeFoam"></div></div>
    <div class="cupDiv">
      <div class="fillCup"></div>
    </div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
  </div>
</div>

<div class="wrapperDiv">
  <div class="shadowDiv"><div></div></div>
  <div class="innerWrapper">
    <div class="divBtn" onClick="clickFunc(event);"></div>
    <div class="coffee"><div class="coffeeFoam"></div></div>
    <div class="cupDiv">
      <div class="fillCup"></div>
    </div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
    <div class="handleDiv"></div>
  </div>
</div>

<script  src="js/script.js"></script>

</body>
</html>